<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
</head>

<body>
    <main>
        <!-- 播放器 -->
        <div id="mui-player">
            <span class="iconfont icon-leftarrow pa back"></span>
        </div>
        <!-- 下部内容区域 -->
        <div class="contentBottom">
            <!-- 标题 -->
            <div class="title borbox">
                <h3>巧克力腹肌雕刻</h3>
                <div class="detail df sb">
                    <div class="data df ">
                        <div class="fon16">
                            45
                            <span class="fon12">千卡</span>
                        </div>
                        <div class="fon16">
                            15
                            <span class="fon12">分钟</span>
                        </div>
                    </div>
                    <div class="peoplenum fon12">
                        99.99w人练过&emsp;>
                    </div>
                </div>
            </div>
            <!-- 用户信息 -->
            <div class="userinfo">
                <!-- 头部 -->
                <div class="userhead df">
                    <img src="../../assets/imgs/arrow.png" alt="图片损坏" class="headimg" height="50" width="50">
                    <div class="username">
                        <h5>用户名</h5>
                        <p class="fon12">三线大人</p>
                    </div>
                </div>
                <!-- 描述文字 -->
                <div class="description df">
                    <p class="fon14">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </p>
                    <p class="more"><a href="#">更多</a></p>
                </div>
            </div>
            <!-- 练习信息 -->
            <div class="practiceinfo df sb">
                <div class="times">
                    <p class="fon14">
                        <span class="iconfont icon-frequency"></span>
                        哈哈哈哈
                    </p>
                    <p class="fon12">每周3-5次</p>
                </div>
                <div class="machine">
                    <p class='fon14'>
                        <span class="iconfont icon-instrument
                        "></span>
                        哈哈哈哈
                    </p>
                    <p class="fon12">每周3-5次</p>
                </div>
            </div>
            <!-- 开始训练按钮 -->
            <div class="start fon16 txtcter">
                开始训练
            </div>
        </div>
    </main>
</body>

</html>